<ion-header>

  <ion-toolbar>
    <ion-title>List No Lines</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content class="outer-content">

  <ion-list no-lines>
    <ion-list-header>
      List With No Lines
    </ion-list-header>

    <ion-item>
      <ion-icon name="wifi" item-left></ion-icon>
      <ion-label>Wifi</ion-label>
      <ion-toggle></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-icon name="heart" item-left></ion-icon>
      Affection
      <ion-note item-right>
        Very Little
      </ion-note>
    </ion-item>

    <ion-item>
      <ion-icon name="home" item-left></ion-icon>
      Home
      <ion-note item-right>
        Where the heart is
      </ion-note>
    </ion-item>
  </ion-list>

  <ion-list no-lines>
    <ion-list-header>
      List With Checkboxes No Lines
    </ion-list-header>

    <ion-item>
      <ion-checkbox item-left></ion-checkbox>
      <ion-avatar item-left>
        <img src="">
      </ion-avatar>
      <ion-label>Wifi</ion-label>
    </ion-item>

    <ion-item>
      <ion-checkbox item-left></ion-checkbox>
      <ion-avatar item-left>
        <img src="">
      </ion-avatar>
      <ion-label>Affection</ion-label>
    </ion-item>

    <ion-item>
      <ion-checkbox item-left></ion-checkbox>
      <ion-avatar item-left>
        <img src="">
      </ion-avatar>
      <ion-label>Home</ion-label>
    </ion-item>
  </ion-list>

  <ion-list>
    <ion-list-header>
      List With No Lines First Item
    </ion-list-header>

    <ion-item no-lines>
      <ion-icon name="pizza" item-left></ion-icon>
      Pizza
      <ion-note item-right>
        Always
      </ion-note>
    </ion-item>

    <ion-item>
      <ion-icon name="beer" item-left></ion-icon>
      Beer
      <ion-note item-right>
        Yes Plz
      </ion-note>
    </ion-item>

    <ion-item>
      <ion-icon name="wine" item-left></ion-icon>
      Wine
      <ion-note item-right>
        All the time
      </ion-note>
    </ion-item>
  </ion-list>

  <ion-list>
    <ion-list-header>
      List With No Lines Middle Item
    </ion-list-header>

    <ion-item>
      <ion-icon name="pizza" item-left></ion-icon>
      Pizza
      <ion-note item-right>
        Always
      </ion-note>
    </ion-item>

    <ion-item no-lines>
      <ion-icon name="beer" item-left></ion-icon>
      Beer
      <ion-note item-right>
        Yes Plz
      </ion-note>
    </ion-item>

    <ion-item>
      <ion-icon name="wine" item-left></ion-icon>
      Wine
      <ion-note item-right>
        All the time
      </ion-note>
    </ion-item>
  </ion-list>

  <ion-list>
    <ion-list-header>
      List With No Lines Last Item
    </ion-list-header>

    <ion-item>
      <ion-icon name="pizza" item-left></ion-icon>
      Pizza
      <ion-note item-right>
        Always
      </ion-note>
    </ion-item>

    <ion-item>
      <ion-icon name="beer" item-left></ion-icon>
      Beer
      <ion-note item-right>
        Yes Plz
      </ion-note>
    </ion-item>

    <ion-item no-lines>
      <ion-icon name="wine" item-left></ion-icon>
      Wine
      <ion-note item-right>
        All the time
      </ion-note>
    </ion-item>
  </ion-list>

</ion-content>

<style>
  img {
    height: 100px;
  }
</style>
